// components/custom/high-light-textview/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    keyword: String,
    title: {
      type: String,
      value: '',
      observer(newVal, oldVal, changePath) {
        let arr = this.getHighLightArray(newVal, this.properties.keyword);
        this.setData({
          arr
        })
      }
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    arr: []
  },

  /**
   * 组件的方法列表
   */
  methods: {
    getHighLightArray(str, key) {
      if (key === '') {
        return [str];
      } else {
        return str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%');
      }
    }
  }
})